import React from "react";
import {ActionIcon, Box, Text, Group, Tooltip, Flex} from "@mantine/core";
import {IconArrowLeft} from "@tabler/icons-react";
import Link from "next/link";
import classes from "./layout.module.css";

export default function Layout({children}: {children: React.ReactNode}) {
  return (
    <>
      <Box className={classes.box}>
        <Group>
          <Tooltip withArrow label="返回列表" position="left">
            <ActionIcon variant="default" component={Link} href="/ipdv2/digital-twin/nodes">
              <IconArrowLeft size={16} />
            </ActionIcon>
          </Tooltip>
          <Text size="sm" fw={500}>
            {"北京_N2_BB_5"}
          </Text>
        </Group>
      </Box>

      <Box>{children}</Box>
    </>
  );
}
